<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body{
				background-color: pink;
			}
			.loginDiv{
				width: 550px;
				height: 530px;
				background-color: white;
				margin: 100px auto;
				padding-top: 30px;
				text-align: center;
			}
			.loginInput{
				width: 426px;
				height: 55px;
				border-radius: 5px;
				border: 1px solid gray;
				margin-bottom: 10px;
				padding-left: 30px;
				/* 文本框背景透明 */
				background-color: transparent;
				margin-left: -25px;
			}
			.loginbutton{
				width: 450px;
				height: 55px;
				background-color: #ff6b4d;
				color: white;
				font-size: 20px;
				border-radius: 5px;
				/* 去掉边框 */
				border: none;
			}
			.thirdlogin{
				margin-top: 30px;
				margin-left: 20px;
			}
		</style>
	</head>
	<body>
		<div class="loginDiv">
			<div style="text-align: center;">
				<img src="img/tyustlogo.png" style="width: 250px;"/>
			</div>
			<h3>毕业设计管理系统</h3>
			<div>
				<img src="img/user.png"/><input class="loginInput" type="text" placeholder="请输入用户名"/>
				<br>
				<img src="img/password.png"/><input class="loginInput" type="password" placeholder="请输入密码"/>
				<br>
				<input class="loginbutton" type="submit" value="登录"/>
			</div>
			<!-- 放第三方登录 -->
			<div>
				<img class="thirdlogin" src="img/qq.png">
				<img class="thirdlogin" src="img/weibo.png">
				<img class="thirdlogin" src="img/weixin.png">
			</div>
			<div style="margin-top: 20px; font-size: 12px;line-height: 50px;">
				技术支持：巴拉巴拉，比例不i里，<br>哇咔咔，阿萨大大大大大大大大
			</div>
			
		</div>
	</body>
</html>